<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>南昌地铁 | 使用规则</title>
    <link rel="stylesheet" href="../src/assets/css/common.css" type="text/css">
    <link rel="icon" href="img/nc_title_logo.png">
    <link rel="stylesheet" href="css/terms.css">
    <script>
        window.onload = function() {
            // 获得#menu下，第一个ul的li
            var lists = document.querySelectorAll("#menu>ul:nth-of-type(1)>li")
                // 获得#menu下，第二个ul的li
            var showLists = document.querySelectorAll("#menu>ul:nth-of-type(2)>li")
            for (var i = 0; i < lists.length; ++i) {
                lists[i].onclick = function() {
                    for (var k = 0; k < lists.length; ++k) {
                        lists[k].style.backgroundColor = "rgba(0,0,0,0)"
                    }
                    this.style.backgroundColor = "#ccc"

                    for (var j = 0; j < showLists.length; ++j) {
                        showLists[j].style.display = "none"
                    }
                    showLists[this.value].style.display = "block"
                }
            }

            var paras = document.querySelectorAll(".menuClose")
            for (var i = 0; i < paras.length; ++i) {
                paras[i].onclick = function() {
                    lists[this.id].style.backgroundColor = "rgba(0,0,0,0)"
                    this.parentElement.style.display = "none"
                }
            }
        }
    </script>
</head>

<body>
    <div id="container">
        <div id="header">
            <div class="imgContainer">
                <a href="index.html"><img src="../img/logo.png" alt="Nanchang Metro"></a>
            </div>
            <div>
                <span>Language :</span>
                <select>
                    <option value="ja">Japanese</option>
                    <option value="en">English</option>
                    <option value="kr">Korean</option>
                    <option value="cn">Chinese(簡体)</option>
                    <option value="tcn">Chinese(繁體)</option>
                    <option value="th">Thai</option>
                    <option value="fr">French</option>
                    <option value="es">Spanish</option>
                </select>
                <a href="#">咨询</a>
                <a href="#">关于我们（English）</a>
            </div>
            <div>
                <input type="text" placeholder="查询">
                <span><a href="">查询</a></span>
                <a href="#" class="link">面向旅客</a>
            </div>
        </div>
        <div id="menu">
            <ul>
                <li value="0">运行信息</li>
                <li value="1">晚点证明</li>
                <li value="2">路线、站信息</li>
                <li value="-1"><a href="station.html">查询票价、换乘</a></li>
                <li value="3">PASMO、车票</li>
                <li value="4">安全措施（English）</li>
            </ul>
            <ul>
                <li style="display: none;">
                    <div class="menuHeader">
                        <span>运行信息</span>
                        <span>12月11日 06:41 当前</span>
                        <a href="#">信息更新</a>
                    </div>
                    <div class="menuBody">
                        <ul>
                            <li>
                                <img src="/img/terms/icon_ginza.png">
                                <a href="station.html">1号线</a>
                                <img src="/img/terms/icon_unkou_heijou.png">
                                <p>通常运行</p>
                            </li>
                            <li>
                                <img src="/img/terms/icon_marunouchi.png">
                                <a href="station.html">2号线</a>
                                <img src="/img/terms/icon_unkou_heijou.png">
                                <p>通常运行</p>
                            </li>
                            <li>
                                <img src="/img/terms/icon_hibiya.png">
                                <a href="station.html">3号线</a>
                                <img src="/img/terms/icon_unkou_heijou.png">
                                <p>通常运行</p>
                            </li>
                            <!-- 添加4号线 -->
                            <li>
                                <img src="/img/terms/icon_hanzomon.png">
                                <a href="station.html">4号线</a>
                                <img src="/img/terms/icon_unkou_heijou.png">
                                <p>通常运行</p>
                            </li>

                        </ul>
                    </div>
                    <p id="0" class="menuClose">关闭</p>
                </li>
                <li style="display: none;">
                    <div class="menuHeader">
                        <span>晚点证明</span>
                    </div>
                    <div class="menuBody">
                        <ul>
                            <li>
                                <img src="/img/terms/icon_ginza.png">
                                <a href="station.html">1号线</a>
                            </li>
                            <li>
                                <img src="/img/terms/icon_marunouchi.png">
                                <a href="station.html">2号线</a>
                            </li>
                            <li>
                                <img src="/img/terms/icon_hibiya.png">
                                <a href="station.html">3号线</a>
                            </li>
                            <!-- 添加4号线 -->
                            <li>
                                <img src="/img/terms/icon_hanzomon.png">
                                <a href="station.html">4号线</a>

                            </li>
                        </ul>
                    </div>
                    <p id="1" class="menuClose"><a href="">关闭</a></p>
                </li>
                <li style="display: none;">
                    <div class="menuHeader">
                        <span>路线、站信息</span>
                        <span>路线、站信息TOP</span>
                    </div>
                    <div class="menuBody">
                        <div>
                            <p>站查询</p>
                            <input type="text" placeholder="站名、站编号">
                            <span>查询</span>
                            <div>
                                <a href="su"><span>按路线图</span>查找</a>
                                <a href=""><span>按拼音</span>查找</a>
                                <a href=""><span>按条件</span>查找</a>
                                <a href=""><span>按现在位置</span>查找</a>
                            </div>
                        </div>
                        <div>
                            <p>查看路线信息</p>

                            <ul>
                                <li>
                                    <img src="/img/terms/icon_ginza.png">
                                    <a href="subwaymap.html">1号线</a>
                                </li>
                                <li>
                                    <img src="/img/terms/icon_marunouchi.png">
                                    <a href="subwaymap.html">2号线</a>
                                </li>
                                <li>
                                    <img src="/img/terms/icon_hibiya.png">
                                    <a href="subwaymap.html">3号线</a>
                                </li>
                                <!-- 添加4号线 -->
                                <li>
                                    <img src="/img/terms/icon_hanzomon.png">
                                    <a href="subwaymap.html">4号线</a>

                                </li>

                            </ul>
                        </div>

                    </div>
                    <p id="2" class="menuClose"><a href="">关闭</a></p>
                </li>
                <li style="display: none;">
                    <div class="menuHeader">
                        <span>PASMO、车票</span>
                        <span>PASMO、车票TOP</span>
                    </div>
                    <div class="menuBody">
                        <div>
                            <p>PASMO</p>
                            <ul>
                                <li><img src="/img/terms/img_header_pasmo.jpg"></li>
                                <li><a href="ticket.html" class="link">PASMO特设网点</a></li>
                            </ul>
                        </div>
                        <div>
                            <p>车票</p>
                            <ul>
                                <li><a href="ticket.html">普通票</a></li>
                                <li><a href="ticket.html">月票</a></li>
                                <li><a href="ticket.html">回数券</a></li>
                                <li><a href="ticket.html">团体票</a></li>
                                <li><a href="ticket.html">联运普通票</a></li>
                                <li><a href="ticket.html">PASSNET（结束使用）</a></li>
                            </ul>
                        </div>
                        <div>
                            <p>特价车票</p>
                            <ul>
                                <li><a href="ticket.html">各种一日通票</a></li>
                                <li><a href="ticket.html">为乘坐南昌地铁的旅客提供的服务</a></li>
                                <li><a href="ticket.html">为乘坐往来机场的交通工具的旅客提供的服务</a></li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li><a href="ticket.html">地铁车票优惠</a></li>
                                <li><a href="ticket.html">多功能售票机</a></li>
                                <li><a href="ticket.html">月票网上预约服务</a></li>
                                <li><a href="ticket.html">月票售票处</a></li>
                                <li><a href="ticket.html">车票注意事项</a></li>
                                <li><a href="ticket.html">特殊票价</a></li>
                            </ul>
                        </div>
                    </div>
                    <p id="4" class="menuClose"><a href="">关闭</a></p>

                </li>
                <li style="display: none;">
                    <div class="menuHeader">
                        <span>安全措施</span>
                        <span>安全措施TOP（English)</span>
                    </div>
                    <div class="menuBody">
                        <ul>
                            <li>安全防灾措施 (English)</li>
                            <li>创造可以让每个人都能出行便捷、乘坐舒适的地铁设施 (English)</li>
                            <li>安全指南 (English)</li>
                        </ul>
                    </div>
                    <p id="5" class="menuClose"><a href="">关闭</a></p>
                </li>
            </ul>
        </div>
        <div id="body">
            <p><a href="index.html">首页</a>使用规则</p>
            <h1>使用规则</h1>
            <div>
                <p>本网站由南昌市政府所有和运营。</p>
                <p>使用本网站表明您同意下列所有条款和条件。</p>
                <p>本网站的使用条件如有更改，恕不另行通知，请您务必查看最新使用条件。</p>
            </div>
            <div>
                <a href="#rule">使用规则</a>
                <a href="#env">推荐环境</a>
                <a href="#javascript">关于JavaScript</a>
            </div>
            <div id="content">
                <div>
                    <h1 id="rule">使用规则</h1>
                    <h2>1.关于著作权</h2>
                    <ol>
                        <li>本网站的所有信息和内容（包括文字、视频、音频、照片、图片和其它资料）均为南昌地铁或原著作权持有者所有。</li>
                        <li>本网站上的所有简体中文、韩国语、繁体中文以及部分英文翻译由JTB出版社提供。南昌地铁和JTB出版社共同拥有著作权。</li>
                        <li>未经许可使用、转载、复制、分发、出版、销售或出借本网站上的任何资料均违反著作权法以及其它有关法律。 此类行为还有可能侵害有关商标权。
                        </li>
                        <li>除私人目的或以引用为前提的情况外，未经许可使用、转载、复制、分发、出版、销售或出借本网站上的任何资料均可能受到著作权法的惩罚。
                            <br> 使用本网站之前，请务必与南昌Metro地铁签订使用协议。
                        </li>
                    </ol>
                    <h2>2. 关于本网站链接</h2>
                    <ol>
                        <li>南昌地铁对使用本网站上的链接网站可能导致的损失不承担任何责任。</li>
                        <li>南昌地铁不接受任何设置外界网站链接的要求。<br> 本网站上的所有链接由南昌地铁选定。
                        </li>
                    </ol>
                    <h2>3. 至本网站的链接</h2>
                    <p>无需手续便可进入本网站链接</p>
                    <p>禁止与本网站链接的网页在其页面内显示南昌地铁网站，这可能导致用户对信息提供者和网站运营者的误解。</p>
                    <p>南昌地铁谢绝下列类型的网站运营者链接本网站：</p>
                    <ol>
                        <li>包含故意中伤或损害南昌地铁或第三方名誉内容的网站。</li>
                        <li>以侵害南昌地铁和第三方的著作权以及商标权等知识产权为目的制作的网站。</li>
                        <li>通过链接并显示南昌地铁网站内容销售产品的网站。</li>
                    </ol>
                    <h2>4. 免责声明</h2>
                    <p>南昌地铁保留不作事先通知而更改本网站上的信息、中断或停止运营本网站的权利，望予以理解。</p>
                    <p>南昌地铁对使用或无法访问本网站上的信息，中断或停止运营本网站，以及信息更改所导致的损失不承担任何责任。</p>
                    <p>尽管南昌地铁已在各方面尽最大努力注意本网站上登载的信息，但是不保证信息的有用性、准确性和可靠性（包括发生错误、网站正常工作、解决问题或由于病毒或其它攻击性媒介入侵本网站或服务器而导致的损害）。</p>
                </div>
                <div>
                    <h1 id="env">推荐环境</h1>
                    <p>推荐使用以下阅览环境进行浏览。</p>
                    <p>※ 依照浏览器及系统版本，本网站的内容可能无法被正常显示。</p>
                    <h2>推荐阅览环境</h2>
                    <table summary="Recommended environment details" cellpadding="0" cellspacing="0">
                        <colgroup>
                            <col width="30%">
                            <col width="30%">
                            <col width="40%">
                        </colgroup>
                        <tbody>
                            <tr>
                                <th rowspan="2">PC</th>
                                <td>Windows</td>
                                <td>
                                    <ul>
                                        <li>Internet Explorer(最新版本)</li>
                                        <li>Firefox(最新版本)</li>
                                        <li>Google Chrome(最新版本)</li>
                                    </ul>
                                </td>
                            </tr>

                            <tr>
                                <td>Macintosh</td>
                                <td>
                                    <ul>
                                        <li>Firefox(最新版本)</li>
                                        <li>Safari(最新版本)</li>
                                    </ul>
                                </td>
                            </tr>

                            <tr>
                                <th>智能手机<br> 平板电脑
                                </th>
                                <td colspan="2">iOS 原生浏览器<br> Android 原生浏览器<br> Google Chrome最新版本</td>
                            </tr>
                        </tbody>
                    </table>
                    <h2>插件</h2>
                    <p>某些内容的阅览需要安装以下插件：</p>
                    <ul>
                        <li>Flash Player 最新版本</li>
                        <li>Acrobat Reader 最新版本</li>
                    </ul>
                </div>
                <div>
                    <h1 id="javascript">关于JavaScript</h1>
                    <p>本网站为了方便您的使用加载了JavaScript插件。</p>
                    <p>若使用中的浏览器不允许JavaScript插件运行，本网站内的内容可能无法被正常显示。</p>
                    <p>请在打开浏览器时将JavaScript插件设置在允许范围以内。</p>
                </div>
            </div>
        </div>
        <div id="footer">
            <div class="footerContainer">
                <div id="top">
                    <div>
                        <h2>南昌官方SNS</h2>
                        <p>
                            <img src="/img/footer/icon_footer_wechat.png">
                            <span class="blink">南昌地铁微信信息：Nanchang-Metro</span>
                        </p>
                        <p>
                            <img src="/img/footer/icon_footer_qrcode.png">
                        </p>
                        <p>
                            <img src="/img/terms/icon_footer_youtube.png">
                            <a href="" class="blink">官方频道</a>
                        </p>
                    </div>
                    <div>
                        <a href="">咨询（FAQ and Lost Found）</a>
                        <a href="" class="link">南昌Metro 搭乘指南</a>
                        <a href="" class="link">提高车厢内文明举止的 要求事项、措施</a>
                        <a href="" class="link">下载应用程序</a>
                    </div>
                </div>

                <div>
                    <a href="">个人信息保护方针</a>
                    <a href="">使用本网站时</a>
                    <a href="">社交媒体政策</a>
                    <a href="">网站地图</a>
                </div>
                <p>Copyright © Nanchang Metro Co., Ltd All rights reserved.</p>
            </div>

        </div>
    </div>
</body>

</html>